<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>输出列表框中被选项的文本内容</title>
<style>
#ff{
	margin-top: 10px;	
}
</style>
</head>

<body>

<form id="form1" name="form1" >
  <select name="mid" id="mid" onChange="changemusic()">
    <option value="ring/1.mid">梁山伯与祝英台</option>
    <option value="ring/2.mid">风中有朵雨做的云</option>
    <option value="ring/3.mid">四季之春天</option>
    <option value="ring/4.mid">江南春早</option>
    <option value="ring/5.mid">秋天不回来</option>
    <option value="ring/6.mid">该死的温柔</option>
    <option value="ring/7.mid">菊花台</option>
    <option value="ring/8.mid">童话</option>
    <option value="ring/9.mid">夜曲</option>
    <option value="ring/10.mid">土耳其进行曲</option>
    <option value="ring/11.mid">致爱丽丝</option>
    <option value="ring/12.mid">爱的罗曼史</option>
    <option value="ring/13.mid">莫斯科郊外的晚上</option>
    <option value="ring/14.mid">泰坦尼克号</option>
    <option value="ring/15.mid">雨中旋律</option>
    <option value="ring/16.mid">甜蜜蜜</option>
  </select>
</form>
<div id="ff">请选择闹钟铃声</div>

<script>
  //player.src="ring/1.mid";
  //选译音乐

function changemusic()
{  
   try
   {
	document.getElementById("ff").innerHTML =document.form1.mid.options[document.form1.mid.selectedIndex].text;
	//document.getElementById("ff").innerHTML =document.form1.mid.options[document.form1.mid.selectedIndex].value;
	//document.getElementById("ff").innerHTML =document.forms[0].item(0).value;
	//document.getElementById("ff").innerHTML =document.getElementById("mid").value;  
   }
	catch(e)
	{}
}
</script>

</body>
</html>
